The latest updates on your projects. Learn more about Vercel for Git ↗︎

This is quite a breaking change, when setting optionValue, normally you get a prop of an item object back in the onChange, now you always get the entire item. also setting the value using this optionValue is no longer working

@matthijsgroen i think its already fixed for 10.7.1: https://github.com/primefaces/primereact/issues?q=is%3Aclosed+milestone%3A10.7.1

This created another issue when "optionValue" is provided. In this case, it started returning whole object instead of just a value of specific field provided in optionValue.

@melloware Yes, this is true. It created another bug. My entire app broke. Please help, as Dropdown is a very important component.

OK all I reverted it here: #6885

I don't understand what I should do so that enter in my dropdown now works together with the inputValue property
Can anyone help me with this example?

import React, { useState } from "react";
import { Dropdown } from 'primereact/dropdown';

export default function BasicDemo() {
    const [selectedCity, setSelectedCity] = useState(null);
    const cities = [
        { name: 'New York', code: 'NY' },
        { name: 'Rome', code: 'RM' },
        { name: 'London', code: 'LDN' },
        { name: 'Istanbul', code: 'IST' },
        { name: 'Paris', code: 'PRS' }
    ];

    return (
        <div className="card flex justify-content-center">
            <Dropdown value={selectedCity} onChange={(e) => setSelectedCity(e.value)} options={cities} optionLabel="name" 
                optionValue="code" placeholder="Select a City" className="w-full md:w-14rem" />
        </div>
    )
}